

.tshop-um-chaodatu {
	margin: 0 0 10px 0;

	.clear {
		clear: both;
	}

	.hd {
		height: 45px;
		background: url(../../assets/images/chaodatu-hd-bg.jpg) no-repeat 0 -55px;
		color: #fff;
		font-weight: bold;
		font-family: "Times New Roman";
		font-size: 20px;
		padding: 10px 0 0 50px;
	}

	.bd {
		.item {
			float: left;
			width: 470px;
			height: 470px;
			display: inline;
			margin: 0 10px 10px 0;

			a {
				display: block;
				width: 450px;
				height: 450px;
				overflow: hidden;
				border: 10px solid #fff;
				background: #fff;
				position: relative;
				color: #fff;
				font-weight: bold;

				.pic {
					position: absolute;
					left: 0;
					top: 0;
					width: 450px;
					height: 450px;
					z-index: 5;
					background-position: center center;
					background-repeat: no-repeat;
				}

				.attr {
					display: none;
					position: absolute;
					left: 15px;
					bottom: 15px;
					width: 200px;
					padding: 5px 20px 20px;
					z-index: 10;
					background: #63AAAC;

					.price {
						font-size: 16px;
						span {
							font-size: 52px;
						}
					}

					.title {
						font-size: 16px;
						height: 26px;
						line-height: 26px;
						overflow: hidden;
					}

					.yjprice {
						font-weight: normal;
						font-size: 12px;

						span {
							text-decoration: line-through;
						}
					}
				}

				.hongse {
					background-color: #9A1204;
				}

				.fenhong {
					background-color: #F68282;
				}

				.molv {
					background-color: #448788;
				}

				.lvse {
					background-color: #4EA666;
				}

				.zise {
					background-color: #7B74BA;
				}

				.lanse {
					background-color: #2B66DB;
				}

				&:hover {
					.attr {
						display: block;
					}
				}
			}
		}

		.right {
			margin-right: 0;
		}
	}
}

 
